<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">
		<link rel="stylesheet" href="new_css/header_footer.css?t=1">
		<link rel="stylesheet" href="new_css/insKnowledge.css">
		<link rel="stylesheet" href="css/page.css">
		<style>
			.zzsc{ margin:0 auto; width:1200px; height:80px; text-align: center;display: flex;
				justify-content: center;font-size: 16px;}
			.page{
				list-style: none;
			}
			.page>li{
				float: left;
				padding: 5px 10px;
				cursor: pointer;
			}
			.page .pageItem{
				border: solid thin #DDDDDD;
				margin: 5px;
			}
			.page .pageItemActive{
				border: solid thin #ff8a00;
				margin: 5px;
				background-color: #ff8a00;
				color: white;
			}
			.page .pageItem:hover{
				border: solid thin #ff8a00;
				background-color: #ff8a00;
				color:white;
			}
			.page .pageItemDisable{
				border: solid thin #DDDDDD;
				margin: 5px;
				background-color: #DDDDDD;
			}
		</style>
		<script src="new_js/jquery-1.11.3.js"></script>
		<script>
			$(function() {
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$('.mainList .content .left li').removeClass('selected');
					$(this).addClass('selected');
				});
				$('.mainList .content .left .list_header').click(function() {
					if($('.mainList .content .left .secendList').is(':hidden')) {
						$('.mainList .content .left .secendList').slideDown();
						$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
					} else {
						$('.mainList .content .left .secendList').slideUp();
						$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
					};

				});
			});
		</script>

	</head>

	<body style="background:#fff;">

		<div id="front_header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="fr right">
					<div class="main">
						<div class="user_pic fl"><img src="images/user.png" /></div>
						<div class='user_name fl'>一日一记忆</div>
						<div class='icon fl'><img src="images/icon1.png" /></div>
					</div>
					<div class="out">
						<div class="user_center">
							<a href="javascript:void(0)">用户中心</a>
						</div>
						<div class="log_out">
							<a href="#this">退出登录</a>
						</div>
						<div class="tri"><img src="images/icon9.png" /></div>
					</div>
				</div>

			</div>
		</div>

		<div class="" id="nav_top">
			<div class="container">
				<div class="fl">
					<div class="logo ">
						<a href="/"><img src="images/logo.png" alt=""></a>
					</div>
					<div class="web_name">
						<img src="images/icon10.png" />
						<!--<p>yq.shang.com</p>-->
					</div>
				</div>
			</div>
		</div>
		<div class="mainList">
			<div class="bNav">您的位置：首页><span>仪器知识</span></div>
			<div class="content">
				<div class="left">
					<div class="title">仪器知识</div>
					<div class="list_header">知识分类</div>
					<ul>
						<li>产品说明</li>
						<li class="selected">认证认可</li>
						<li>监测方法</li>
						<li>相关标准</li>
						<li>操作手册</li>
						<li>设备操作规程</li>
						<li>其他规则</li>
					</ul>
					<div class="list_header">仪器知识下载排行</div>
					<ul class="secendList">
						<li>1.食品微生物监监测食品微生物监监测</li>
						<li>1.食品微生物监监测食品微生物监监测</li>
						<li>1.食品微生物监监测食品微生物监监测</li>
						<li>1.食品微生物监监测食品微生物监监测</li>
						<li>1.食品微生物监监测食品微生物监监测</li>
						<li>1.食品微生物监监测食品微生物监监测</li>
					</ul>
				</div>
				<div class="right">
					<div class="title"><span class="selected">认证认可</span><div class="search"><input type="text" name="" id="" value="" placeholder="请输入产品说明、认证认可、检测方法"/><label>搜索</label></div></div>
					<table>
						<tr>
							<th>仪器知识名称</th>
							<th>文件格式</th>
							<th>文件大小</th>
							<th>下载次数</th>
							<th>上传者</th>
						</tr>
						<tr>
							<td><a href="machine13.html">气相色谱仪常见故障解答及汇总</a></td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td><a href="machine13.html">湿度发生器</a></td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						<tr>
							<td><a href="machine13.html">气相色谱仪常见故障解答及汇总</a></td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td>湿度发生器</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						<tr>
							<td>气相色谱仪常见故障解答及汇总</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td>湿度发生器</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						<tr>
							<td>气相色谱仪常见故障解答及汇总</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td>湿度发生器</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						<tr>
							<td>气相色谱仪常见故障解答及汇总</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td>湿度发生器</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						<tr>
							<td>气相色谱仪常见故障解答及汇总</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td>湿度发生器</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						<tr>
							<td>气相色谱仪常见故障解答及汇总</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>张三</td>
						</tr>
						<tr>
							<td>湿度发生器</td>
							<td>.docx</td>
							<td>523kb</td>
							<td>993次</td>
							<td>李思</td>
						</tr>
						
					</table>
				</div>
			</div>

				<div class="zzsc">
					<!--currentpage="1" numbercount="100"-->
					<ul class="page" maxshowpageitem="5" pagelistcount="10"  id="page"></ul>
				</div>

			<!--找个分页插件插入-->
		</div>

		<%@include file="/footer.jsp"%>

	<script src="js/page.js"></script>
		<script type="text/javascript">
            function tt(dd){
                //alert(dd);
            }
            var GG = {
                "kk":function(mm){
                    // alert(mm);
                }
            }

            $("#page").initPage(71,1,GG.kk);
		</script>

	</body>
         
</html>
